/*
Theme Name: Vostok Theme
Theme URI: http://www.vostoktheme.com/
Description: A clean and elegant theme for Wordpress
Version: 1.5
Author: Javier Cañada and Rubén Lozano
Author URI: http://www.vostoktheme.com/
*/

/*
	TOC:
	$0 - Normalizing
	$1 - Layout
	$2 - Tipography
	$3 - Colors
	$4 - Forms
*/

/*--------------------------------------------------------------------------------
	$0 - Normalizing
	
	http://meyerweb.com/eric/tools/css/reset/index.html
	v1.0 | 20080212
--------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------------------------------
	$1 - Layout
--------------------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 37.5em;
}

#header {
	padding: 3.75em 0 1em 0;
}
	
	#header .description {
		margin: .6em 0 0 0;
	}
		
	#header #mainNav {
		margin: 3.75em 0 0 0;
	}
	
		#header #mainNav li {
			display: inline;
			margin: 0 1em 0 0;
		}
	
#footer {
	padding: 0 0 3.75em;
}

/*--------------------------------------------------------------------------------
	$2 - Tipography
--------------------------------------------------------------------------------*/

html, body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

#wrapper {
	font-size: 1em;
}

	#header h1 {
		font-size: 1.3125em;
		font-weight: normal;
		text-transform: uppercase;
	}

	#header .description {
		font-size: .75em;
	}
	
	#header #mainNav {
		font-size: .875em;
	}

#footer {
	font-size: .75em;
}

/*--------------------------------------------------------------------------------
	$3 - Colors

	Greys
	--------------------------
	Very Dark          #2F2F2F
	Dark               #3C3C3C
	Regular            #828282
	Light              #999
	Very light         #CCC

	Others
	--------------------------
	blue               #09C
	yellow             #F90
 	white              #FFF
 --------------------------------------------------------------------------------*/

html, body {
	background: #2F2F2F;
	color: #999;
}

#header a:link,
#header a:visited {
	color: #999;
	text-decoration: none;
}

#header a:hover,
#header a:active,
#header a:focus {
	color: #CCC;
}

#footer a:link,
#footer a:visited {
	color: #09C;
}

/*--------------------------------------------------------------------------------
	$4 - Forms
--------------------------------------------------------------------------------*/
